<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>所有评论 - {$config.WEB_SITE_TITLE}</title>
    <script src="__PUBLIC__/Home/js/adaptive.js"></script>
    <script src="__PUBLIC__/Home/js/device.min.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/Home/css/reset.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/css/con-header.css">
    <script src="__PUBLIC__/Home/js/mui.min.js"></script>
    <link href="__PUBLIC__/Home/css/mui.min.css" rel="stylesheet"/>
    <style>
        /**{margin: 0px;padding: 0px;}*/
        h4,h5{margin-top: 0px;margin-bottom: 0px;}
        .content{width: 7.5rem;height: auto;margin: 0 auto;background: #F0F0F0}
        /*顶部*/
        /*.top{width: 100%;height: 0.8rem;background: #fff;text-align: center;position: relative;border-bottom: 1px solid #DEDEDE}*/
        /*.top h4{text-align: center;height: 0.8rem;background: #00A0E9;color: #fff;font-size: 0.34rem;line-height: 0.8rem}*/
        /*.top span{width: 0.25rem;height: 0.25rem;display: block;border-bottom: 2px solid #fff;*/
        /*border-left: 2px solid #fff;transform: rotate(45deg);position: absolute;left: 0.35rem;top:0.25rem}*/

        .d-list{width: 100%;height: auto;display: flex;justify-content: space-around;}
        .d-list li{width: 18%;height: 0.55rem;background: #fff;line-height: 0.55rem;border-radius: 0.4rem;
            border: 1px solid #DEDEDE;margin-top: 0.2rem;color: #6B6B6B;text-align: center}
       .d-list .active{color: #fff;background: #00A0E9}


        .list{width: 100%;height: auto;padding: 0.25rem 0px;}
        .list li{width: 100%;height:auto;position: relative;background: #fff;}
        .list > li{width: 100%;height:auto;position: relative;background: #fff;margin-bottom: 0.2rem;;padding: 0.25rem}
        .list li span{position: absolute;}
        .list li a{color: #7B7B7B}
        .list li .touxiang{width: 0.7rem;height: 0.7rem;text-align: left;margin-right: 0.1rem;}
        .list li .user{color: #6D6D6D;font-size: 0.3rem}
        .list li .cls{color: #6D6D6D;font-size: 0.26rem}
        .list li .cls a{color: #6D6D6D;font-size: 0.28rem}
        .list li .date{float: right;color: #ACACAC}
        .list li nav{margin:0.15rem 0px;}

        .list li .show-img{width: 100%;height: auto; overflow: hidden;}
        .list li .show-img li{float: left;width: 33.3%;height: 2.1rem;text-align: center}
        .list li .show-img li img{width:90%;height: 2rem }

    </style>
</head>
<body>
<!--顶部栏-->
<div class="content">
    <div class="top">
        <h4>全部评价</h4>
       <span class="back"></span>
    </div>
    <ul class="d-list">
        <li class="active">全部</li>
        <li>好评</li>
        <li>中评</li>
        <li>差评</li>
        <li>有图</li>
    </ul>


    <ul class="list">
      <volist name="com" id="vo">  
        <li>
            <img src="{$vo.head_pic}" alt="" class="touxiang">
            <span class="user">{$vo.user_name}</span>
            <!-- <time class="cls">颜色分类:<a>灰色L</a></time> -->
            <time class="date">{$vo.time}</time>

            <nav>{$vo.com}</nav>
<!-- 
               <ul class="show-img">
                   <li><img src="__PUBLIC__/Home/images/tuijan-1.png" alt="" class="item_img"></li>
                   <li><img src="__PUBLIC__/Home/images/tuijan-1.png" alt="" class="item_img"></li>
                   <li><img src="__PUBLIC__/Home/images/tuijan-1.png" alt="" class="item_img"></li>
                   <li><img src="__PUBLIC__/Home/images/tuijan-1.png" alt=""></li>
                   <li><img src="__PUBLIC__/Home/images/tuijan-1.png" alt=""></li>
               </ul> -->
        </li>
     </volist>   
    </ul>

</div>
<script src="__PUBLIC__/Home/js/jquery-1.11.1.js"></script>
<script src="__PUBLIC__/Home/js/look-img.js"></script>

<script>
    $(".back").click(function () {
        window.history.back(-1);
    })

    // 评论nav添加点击事件
    $(".d-list li").click(function () {
        $(this).addClass("active").siblings().removeClass("active");
    })

</script>

<script type="text/javascript">

</script>

</body>
</html>